新增拖曳且放(Drag and Drop)的目的
以 user Story 說明
身為Team Lead,隊員放入後,因策略(抓點)(搶3),而會有順序調整的需求。
新增編輯儲存的目的
基本功能款,調整出場名單隊員/選手。
整合 編輯+拖曳(+分享)+加入刪除
效益
PS: 分享:連結或是可連到社群通訊平台
賽務)點位數更動則需新增刪除
隊伍)人員變動 則需要變更內容並儲存於頁面
隊伍)調動點位最方便的不是重編輯而是調動位置
--- 以下放這幾天的文章回顧 ---
DEMO URL :
https://goish135.github.io/table-tennis-king/
1 PWA
2 fantasy 字體
3 拖曳桿(slider) 調整 表格間距
4 [主要]可列印功能
5 按鈕控制顯示隱藏部份欄位
Repo URL:
https://github.com/goish135/table-tennis-king
登入後(預計採用常見的Google,FB,Github...)
依角色 顯示可進入的卡片(Print,Edit&Drap)
角色有賽務及選手的區分
賽務開單,選手填單&遞單(完整化編輯及拖曳的整併)。
<建立記憶點,未來可使用>
Ref: Role Based Routing in React JS | Role Based Navigation Links | React Router Dom tutorial
最後 我要放很多熊俠貼圖來表達我的EMO:
以及 推薦文章>資深工程師身上的 N 項特質,N = 12